<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- 打开浏览器不会自动播放声音，浏览器禁用自动播放,如何知道是否添加音频 -->
     <!-- 点击可以播放了,在hmtl5里面，如果属性名和属性值完全一样，可以简写为一个单词 -->
    <audio src="./music.mp3" controls = "controls"></audio>
    <audio src="./music.mp3" controls></audio>
    <!-- //循环播放 -->
    <audio src="./music.mp3" controls loop = "loop"></audio>
    <audio src="./music.mp3" controls loop></audio>
    <!-- 没有准备就直接出现音乐，浏览器禁用自动播放，需要手动 -->
    <audio src="./music.mp3" controls loop autoplay></audio>
    

</body>
</html>